<apes-header></apes-header>
<apes-content id="content">
  <apes-card [apesBordered]="false">
    <div class="header-nav">
      <!-- header-left -->
      <div class="header-left">
        <div class="title" apes-col apesSpan="4">
          <p>新增保险会员统计-门店</p>
        </div>
        <div apes-col apesSpan="2">
          <button apes-button [apesSize]="'default'" (click)="submit()"> 确认</button>
        </div>
        <div  apes-col apesSpan="8">
          <span>日期：</span>
          <apes-date-picker (ngModelChange)="startDate=$event; startValueChange()" [ngModel]="startDate" [apesFormat]="'yyyy-MM-dd'" [apesPlaceHolder]="'起始时间'"></apes-date-picker>
          <apes-date-picker style="padding: 0px 5px 0px 5px" (ngModelChange)="endDate=$event; endValueChange()" [ngModel]="endDate" [apesFormat]="'yyyy-MM-dd'" [apesPlaceHolder]="'结束时间'"></apes-date-picker>
        </div>
        <div apes-col apesSpan="8">
          <span>公司：</span>
          <ng-select style="width: 240px; display: inline-block;"
                     typeToSearchText
                     [items]="companyData"
                     multiple="true"
                     bindLabel="name"
                     bindValue="id"
                     placeholder="选填，可多选"
                     [(ngModel)]="companyList"
                     [notFoundText]="'无法找到'">
          </ng-select>
        </div>
      </div>
    </div>
    <!-- shujuxianhsi -->
    <div apes-row apesGutter="16">
      <div apes-col nzXs="24" apesMd="24">
        <!-- 折线图 -->
        <apes-card [apesBordered]="false" [apesTitle]="title">
          <ng-template #title>
            新增趋势
          </ng-template>
          <apes-bar height="245" [data]="sevenData" [padding]="[ 35, 35, 45, 45 ]" [chartType]="'line'"></apes-bar>
        </apes-card>
      </div>

    </div>


    <!-- table -->
    <div>
      <ag-grid-angular #grid
                       style="width: 100%;" [ngStyle]="{ height: height }" class="ag-theme-balham"
                       enableColResize="true"
                       enableSorting="true"
                       enableFilter="true"

                       suppressLoadingOverlay="true"

                       [rowData]="rowData"
                       [gridOptions]="gridOptions"
                       [columnDefs]="columnDefs"
                       [pinnedBottomRowData]="pinnedBottomRowData">
      </ag-grid-angular>
    </div>

  </apes-card>
</apes-content>
